@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

input::-webkit-input-placeholder {
  color: #b6b4b4 !important;
}

.ant-input-affix-wrapper {
  border-color: rgb(107, 105, 103) !important;
}

html {
  font-size: calc(16 * 100vw /1920);
  height: 100%
}

@media screen and (min-width: 1920px) {
  html {
    /*font-size: 16px;*/
    font-size: calc(16 * 100vw /1920);
  }
}


body {
  height: 100%;
  background: black;
  margin-right: calc(100% - 100vw);

  color: rgb(var(--foreground-rgb));
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
* {
  box-sizing: border-box;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}

html,body,main {
  width: 100%;
  /*height: 100%;*/
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-tabs-nav:before {
  border-bottom: 1px solid rgba(206, 176, 104, 0) !important;
}
.ant-tabs-ink-bar {
  height: 4px !important;
  background: linear-gradient(90.72deg, rgba(170, 65, 175, 1) 0%, rgba(122, 37, 200, 1) 100%) !important;
}
.ant-tabs-content-holder {
  border: none !important;
}
.ant-select-suffix {
  color: rgba(255,255,255,0.4);
}

::-webkit-scrollbar {
  width: 0px;
}
.ant-checkbox-inner {
  width: 20px !important;
  height: 20px !important;
}
.ant-pagination-options-quick-jumper {
}
.ant-pagination-options-quick-jumper > input {
  color: black !important;
}

.ant-notification-notice-wrapper {
  background: #2A2A3A !important;
  border-radius: 24px !important;
  overflow: hidden;
}
.notification-class {
  /*padding: 15px 0;*/
}
.ant-notification-notice-content {
  height: 50px;
}
.ant-notification-notice-message {
  color: white !important;
  padding-left: 30px;
  font-size: 20px !important;
}
.ant-notification-notice-description {
  font-size: 12px;
  padding-left: 30px;
  color: #AAA6C5 !important;
}
.ant-notification-notice-close-icon {
  color: #FFFFFF;
}
.ant-tabs-tabpane {
  padding-left: 0 !important;
}
.message-class {
}
.ant-message-notice-content {
  background: #2A2A3A !important;
  color: wheat;
}

.dialogConf {
  background-color: #1f1f1f !important;
}
.dialogConf button {
  background-color: #1f1f1f !important;
  color: white !important;
}

.dialogConf > div:nth-child(1) {
  color: white;
}
.dialogConf > div:nth-child(2) >div {
  color: #9e9e9e;
}